<template>
  <view class="ver-layout">
    <video class="live-img" :src="liveObj.pull_url"></video>
    <view class="live-title">{{ liveObj.teacher_name }}</view>
    <view class="live-desc">简介：</view>
    <view class="live-desc-text">
      {{ liveObj.course_description }}
    </view>
  </view>
</template>

<script>
import {CourseLiveApi} from "@/api/courseLive.js"

let engine = new CourseLiveApi()
export default {
  name: "liveInfo",
  data() {
    return {liveObj: {}}
  },
  onLoad(options) {
    this.liveObj = options
    uni.setNavigationBarTitle({title: options.name})
  },
  methods: {}
}
</script>

<style scoped>
.live-img {
  width: 100%;
  height: 188px;
  background: #75544A;
}

.live-title {
  padding: 0px 11px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #E9E9E9;
  /* 文本样式 */
  font-size: 15px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #323137;
}

.live-desc {
  margin: 12px;
  font-size: 14px;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #323137;
  line-height: 18px;
}

.live-desc-text {
  margin: 0px 15px;
  font-size: 12px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
}
</style>
